@charset "utf-8";
/* CSS Document */
html,body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family:'Microsoft Yahei', Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,img{
	margin:0;
	padding:0;
	list-style:none;
	border:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*设置元素在其鼠标悬停时的样式*/
a:hover {
	 text-decoration: none;
}
/*设置元素在用户用鼠标激活（在鼠标点击与释放之间发生的事件时）的样式*/
a,a:active,a:visited{
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6,p{
	font-size:14px;
	font-weight:500;
}
textarea{
	border:none;
	outline: none;
	resize: none;
}
/*火狐下 移除箭头*/
input[type=number] {
	-moz-appearance:textfield;
}
/*谷歌下 移除箭头*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}
select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../img/ic_arrow.png") no-repeat scroll right center transparent;
}
i{
	font-style: normal;
}

.clearfix {
	*zoom: 1;
}
.clearfix::before,
.clearfix::after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
/******public*****/
.tx-center{
	text-align:center;	
}
.tx-left{
	text-align:left;	
}
.tx-right{
	text-align:right;	
}
.ps_r{
	position: relative;
}
.float_l{
	float:left;
}
.float_r{
	float:right;
}
.tc-fff{
	color:#fff;
}
.tc-333{
	color:#333;
}
.tc-blue{
	color:#05577b;
}
.tc-yel{
	color:#c0aa80;
}
.bc-fff{
	background: #fff;
}
.bc-yel{
	background:#c0aa80;
}
.bc-blue{
	background:#05577b;
}
.pb_10{
	padding-bottom:10px;
}
.pb_20{
	padding-bottom:20px;
}
.pb_30{
	padding-bottom:30px;
}
.pb_40{
	padding-bottom:40px;
}
.mb_10{
	margin-bottom:10px;
}
.mb_20{
	margin-bottom:20px;
}
.mb_30{
	margin-bottom:30px;
}
.mb_50{
	margin-bottom:50px;
}
.mb_80{
	margin-bottom:80px;
}
/**文本超出一行省略**/
.g_title1{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
/**常用宽度**/
.sys_wrap{
	width:100%;
}
.sys_width{
	width:1200px;
	margin:0 auto;
}
/**缓动**/
.transition{
	-webkit-transition:all .3s ease-in-out 0s;
	-moz-transition:all .3s ease-in-out 0s;
	-o-transition:all .3s ease-in-out 0s;
	transition:all .3s ease-in-out 0s;
}
.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
/**transform偏移-50%以居中**/
.transform{
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.transformX{
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.transformY{
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
/**常用动画**/
/* 淡入-从下 */
@-webkit-keyframes fadeinB{
	0%{opacity:0;-webkit-transform:translateY(20px);}
	100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinB{
	0%{opacity:0;-moz-transform:translateY(20px);}
	100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinB{
	0%{opacity:0;-ms-transform:translateY(20px);}
	100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinB{
	0%{opacity:0;transform:translateY(20px);}
	100%{opacity:1;transform:translateY(0);}
}
.fadeinB{
	animation: fadeinB 2s 0s ease-in-out forwards;
	-webkit-animation: fadeinB 2s 0s ease-in-out forwards;
}
/* 淡入-从上 */
@-webkit-keyframes fadeinT{
	0%{opacity:0;-webkit-transform:translateY(-20px);}
	100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinT{
	0%{opacity:0;-moz-transform:translateY(-20px);}
	100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinT{
	0%{opacity:0;-ms-transform:translateY(-20px);}
	100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinT{
	0%{opacity:0;transform:translateY(-20px);}
	100%{opacity:1;transform:translateY(0);}
}
.fadeinT{
	animation: fadeinT 2s 0s ease-in-out forwards;
	-webkit-animation: fadeinT 2s 0s ease-in-out forwards;
}
/* 淡入-从右 */
@-webkit-keyframes fadeinR{
	0%{opacity:0.3;-webkit-transform:translateX(80px);}
	100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinR{
	0%{opacity:0.3;-moz-transform:translateX(80px);}
	100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinR{
	0%{opacity:0.3;-ms-transform:translateX(80px);}
	100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinR{
	0%{opacity:0.3;transform:translateX(80px);}
	100%{opacity:1;transform:translateX(0);}
}
/* 淡入-从右-距离小 */
@-webkit-keyframes fadeinRs{
    0%{opacity:0.3;-webkit-transform:translateX(30px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinRs{
    0%{opacity:0.3;-moz-transform:translateX(30px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinRs{
    0%{opacity:0.3;-ms-transform:translateX(30px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinRs{
    0%{opacity:0.3;transform:translateX(30px);}
    100%{opacity:1;transform:translateX(0);}
}
.fadeinR{
	animation: fadeinR 2s 0s ease-in-out forwards;
	-webkit-animation: fadeinR 2s 0s ease-in-out forwards;
}
.fadeinRs{
    animation: fadeinRs 1s 0s ease-in-out forwards;
    -webkit-animation: fadeinRs 1s 0s ease-in-out forwards;
}
/* 淡入 */
@-webkit-keyframes fadein{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes fadein{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-ms-keyframes fadein{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes fadein{
	0%{opacity:0;}
	100%{opacity:1;}
}
.fadein{
	animation: fadein 2s 0s ease-in-out forwards;
	-webkit-animation: fadein 2s 0s ease-in-out forwards;
}
/* 放大 缩小 */
@-webkit-keyframes scaled{
	0%{-webkit-transform:scale(1);}
	50%{-webkit-transform:scale(0.9);}
	100%{-webkit-transform:scale(1);}
}
@-moz-keyframes scaled{
	0%{-moz-transform:scale(1);}
	50%{-moz-transform:scale(0.9);}
	100%{-moz-transform:scale(1);}
}
@-ms-keyframes scaled{
	0%{-ms-transform:scale(1);}
	50%{-ms-transform:scale(0.9);}
	100%{-ms-transform:scale(1);}
}
@keyframes scaled{
	0%{transform:scale(1);}
	50%{transform:scale(0.9);}
	100%{transform:scale(1);}
}

